<template>
  <div>
    <section class="m_widget about">
      <i class=" waves-effect"><img class="avatar waves-image"
                                    src="../../../assets/img/wallpaper.png"></i>
    </section>
    <section class="m_widget categories">
      <div class="header">分类</div>
      <div class="content">
        <ul class="entry">
          <li><a class="flat-box waves-effect waves-block"
                 href="/categories/cocoa-dev/">
            <div class="name">Cocoa Dev22222222</div>
            <div class="badget">36444</div>
          </a></li>
        </ul>
      </div>
    </section>
    <div class="m_widget tagcloud">
      <div class="header">标签</div>
      <div class="content">
        <a href="/tags/axkit/"
           style="font-size: 18px; color: #7e7e7e">AXKit</a> <a
        href="/tags/alamofire/"
        style="font-size: 14px; color: #999">Alamofire</a>
        <a href="/tags/bundle/"
           style="font-size: 14px; color: #999">Bundle</a> <a
        href="/tags/cocoapods/"
        style="font-size: 16px; color: #8b8b8b">CocoaPods</a>
        <a href="/tags/fota/" style="font-size: 14px; color: #999">FOTA</a>
        <a href="/tags/gcd/"
           style="font-size: 14px; color: #999">GCD</a>
        <a href="/tags/hexo/" style="font-size: 14px; color: #999">Hexo</a>
        <a href="/tags/localizable-strings/"
           style="font-size: 16px; color: #8b8b8b">Localizable.strings</a>
        <a href="/tags/mvc/" style="font-size: 14px; color: #999">MVC</a> <a
        href="/tags/mvvm/"
        style="font-size: 14px; color: #999">MVVM</a>
      </div>
    </div>
    <section class="m_widget music">
      <header class="header pure">
        <div><i class="fas fa-headphones-alt fa-fw" aria-hidden="true"></i>&nbsp;&nbsp;音乐
        </div>
        <a class="rightBtn" title="陈粒收藏" target="_blank"
           rel="external nofollow noopener noreferrer"
           href="https://music.163.com/#/playlist?id=454355138"><i
          class="fas fa-external-link-square-alt fa-fw"></i></a>
      </header>
      <div  class="content pure">
        <iframe ref="iframe" frameborder="no" border="0" marginwidth="0" marginheight="0"
                width="100%" height="450"
                src=""></iframe>
      </div>
    </section>
    <section class="m_widget links">
      <header class="header pure">
        <div><i class="fas fa-handshake fa-fw" aria-hidden="true"></i>&nbsp;&nbsp;友链
        </div>
        <a class="rightBtn" title="联系博主添加友链" target="_blank"
           rel="external nofollow noopener noreferrer"
           href="mailto:me@xaoxuu.com?subject=交换友链&amp;body=你好，我想和你交换友链，我已经将【xaoxuu's blog】添加到我的博客的友链中。我的博客链接是："><i
          class="fas fa-plus fa-fw"></i></a>
      </header>
      <div class="content pure">
        <ul class="entry" id="links">
        </ul>
      </div>
    </section>
  </div>
</template>

<script>
  export default {
    name: "right-view",
    created: function () {
      let _this = this;
      setTimeout(function () {
        _this.$refs.iframe.src = "//music.163.com/outchain/player?type=0&id=454355138&auto=0&height=450";
      }, 0);
    }
  }
</script>

<style scoped>
  .m_widget {
    width: 280px;
  }
</style>
